DigiLuko · Free HTML template
One design system,
many outputs
A small, coherent template family - dark & light, no build step. One look that carries across the landing, the blog and the rest.
What you get
The basics, done carefully
Nothing flashy - just the parts a site needs, made so they still fit together once you start changing them.
Dark & light
Two ready themes from one set of tokens - flip it live with the switch above.
No build step
Plain HTML, CSS and JS. No npm, no framework - open a file and it works.
Token-driven
Change a handful of CSS variables and the whole template re-skins at once.
Accessible
Skip links, focus rings, reduced-motion and ARIA baked in from the start.
Responsive
Fluid spacing and layouts that reflow cleanly from wide monitor to phone.
Self-documenting
Every CSS/JS file opens with a map; interactive parts say which script drives them.
A whole site, not one page
The unit isn't a single landing - it's one look applied across page types, so the landing, the blog, the portfolio and the contact section feel like they belong together.
See the kitchen sink
How it fits together
Three layers, one system
Landing
Hero, sections and a closing call to action - the page you are reading now.
Blog
An index of articles and a reading-tuned post layout.
Portfolio
A grid or masonry of work, plus a single-project view.
Shop
A storefront with a catalogue, mini-cart drawer and account menu.
Buttons
Variants, sizes, groups and states - one base, many modifiers.
Callouts
Semantic admonitions coloured by intent: note, tip, warning.
Cards
An auto-fitting grid that reflows with no breakpoint to set.
Gallery
Two slider variants with a full-size lightbox.
Colour
A grayscale core plus restrained semantic accents.
Spacing
A fluid scale that grows smoothly from phone to wide screen.
Type
A clear scale in Inter, IBM Plex Sans and JetBrains Mono.
Radius
One or two radii keep every surface consistent.
Live preview
Every part below reads from one accent token - badge, tags, callout, bar, link and button all move together.
Change one thing
Restyle everything
The whole look hangs off a single accent variable. Click a swatch - only the preview changes here, but in the real template that one value flows through every page.
Many formats
One identity, beyond the browser
The same look isn't only for the web. The bundle ships style guidelines you can hand to any tool - or your favourite AI - so a PDF, an ebook, a deck, a document or a spreadsheet all come out coherent with the site. The look itself began as the Karadigm theme for Obsidian; this is its web-facing sibling.
Consistency
Mixed styles vs. one system
Drag the slider: the same content thrown together, versus built to one set of guidelines.
Pricing
Every tier is free
The toggle is here to show the control - the price doesn't change. That's the point.
- Personal & commercial use
- All page types
- Every component
- Dark & light themes
- Personal & commercial use
- All page types
- Every component
- Dark & light themes
- Personal & commercial use
- All page types
- Every component
- Dark & light themes
Download Karadigm - free
Grab the ZIP, swap in your own words and images, and start from something coherent. Keep the footer credit and it stays free for everyone.